<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel='stylesheet' href='${pageContext.request.contextPath}/FullCalendar/cupertino/jquery-ui.min.css' />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link href='${pageContext.request.contextPath}/FullCalendar/fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='${pageContext.request.contextPath}/FullCalendar/fullcalendar/fullcalendar.' rel='stylesheet' />
<link href='${pageContext.request.contextPath}/FullCalendar/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='${pageContext.request.contextPath}/FullCalendar/lib/jquery-ui.custom.min.js'></script>
<script src='${pageContext.request.contextPath}/FullCalendar/lib/commons.js'></script>
<script src='${pageContext.request.contextPath}/FullCalendar/fullcalendar/fullcalendar.min.js'></script>
<script type="text/javascript">


$(document).ready(function() {
	
	var date = new Date();
	var d = date.getDate();
	var m = date.getMonth();
	var y = date.getFullYear();
	
	$('#calendar').fullCalendar({
		theme: true,

		header: {

			left: "prev,next today",

			center: "title",

			right: "month,basicWeek0"

			},

			titleFormat: {


			month: "yyyy년 MMMM",


			week: "[yyyy] MMM d일 ~ { [yyyy] MMM d일}",

			day: "yyyy년 MMM d일 dddd"

			},

			allDayDefault: true,

			editable: false,

			weekends : true,

			monthNames: ["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],

			monthNamesShort: ["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],

			dayNames: ["월요일","화요일","수요일","목요일","금요일","토요일","일요일"],

			dayNamesShort: ["월","화","수","목","금","토","일"],

			buttonText: {

			today : "오늘",

			month : "월별",

			week : "주별",

			day : "일별"

			},

		events: '${pageContext.request.contextPath}/FullCalTestJson.do'
	});
	
});




</script>

<style> 
 
	body {
		margin-top: 40px;
		text-align: center;
		font-size: 14px;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		}
 
	#calendar {
		width: 900px;
		margin: 0 auto;
		}
 
</style>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
</head>
<body>
	<div id='calendar'></div>
</body>
</html>